<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>俄罗斯方块</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
<div class="tetris-container">
    <div class="score-container">
        <div class="score">Score: 123</div>
        <div class="level">Level: 1</div>
    </div>
    <div class="grid-container">
        <div class="grid-item type1" style="left: 0px; bottom: 30px;"></div>
        <div class="grid-item type1" style="left: 0px; bottom: 0;"></div>
        <div class="grid-item type2" style="left: 30px; bottom: 0;"></div>
        <div class="grid-item type3" style="left: 60px; bottom:0;"></div>
        <div class="grid-item type3" style="left: 60px; bottom:30px;"></div>
        <div class="grid-item type4" style="left: 90px; bottom: 0;"></div>
        <div class="grid-item type5" style="left: 120px; bottom: 0;"></div>
        <div class="grid-item type6" style="left: 150px; bottom: 0;"></div>
        <div class="grid-item type2" style="left: 240px; bottom: 30px;"></div>
        <div class="grid-item type2" style="left: 270px; bottom: 30px;"></div>
        <div class="grid-item type6" style="left: 180px; bottom: 0;"></div>
        <div class="grid-item type6" style="left: 210px; bottom: 0;"></div>
        <div class="grid-item type6" style="left: 240px; bottom: 0;"></div>
        <div class="grid-item type6" style="left: 270px; bottom: 0;"></div>
    </div>
    <div class="next-block">
        Next Block:
        <div class="grid-container">
            <div class="z-shape">
                <div class="cell"></div>
                <div class="cell"></div>
                <div class="cell"></div>
                <div class="cell"></div>
            </div>
        </div>
        Next Block:
        <div class="grid-container">
            <div class="l-shape">
                <div class="cell"></div>
                <div class="cell"></div>
                <div class="cell"></div>
                <div class="cell"></div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
